import { useState } from 'react'
import {useToggle} from 'ahooks'
import './App.css'

// toggle 功能？

function App() {

  // hooks 1.0
  // const [isOn,setIsOn] = useState(false);
  const [state,{toggle}] = useToggle();

  // const doToggle=()=>{
  //   setIsOn(!isOn);
  // }

  return (
    <div className="App">
      {/* {isOn+''} */}
      <p>Effects:{state+''}</p>
      <button onClick={toggle}>Toggle</button>
    </div>
  )
}

export default App
